<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:fn="http://java.sun.com/jsp/jstl/functions">

<h:head>
	<title>Personalizzazione Pacchetto</title>
	<h:outputStylesheet library="TdTheme" name="css/style.css"/> 	
</h:head>

<h:body>
	<h:form>      
	    <p:menubar>
	    	<p:menuitem value="Homepage" icon="ui-icon-contact" url="home.xhtml?faces-redirect=true"/> 
	         
	        <f:facet name="options">
	        	<p:outputLabel value="Benvenuto, #{utenteManagedBean.nome}" style="margin-right:10px"/>  
	            <p:commandButton value="Modifica Profilo" icon="ui-icon-contact" action="modifica_utente.xhtml?faces-redirect=true"/>
	            <p:commandButton value="Logout" icon="ui-icon-extlink" action="#{loginManagedBean.logout()}"/>  
	        </f:facet>  
	    </p:menubar>  
  	</h:form>
	<p:panel id="riepilogo" header = "Riepilogo prodotti da acquistare">
		<h:form>
			<p:dataTable var="prodotto" value="#{personalizzazioneManagedBean.attivitaSceltePerAcquisto}" style="width:auto: margin-top:0.5em">
				<p:column headerText="Nome">
					<h:outputText value="#{prodotto.nome}" />
				</p:column>
 				
 				<p:column headerText="Descrizione">
					<h:outputText value="#{prodotto.descrizione}" />
				</p:column>
 
				<p:column headerText="Prezzo">
					<h:outputText value="#{prodotto.prezzo}" />
				</p:column>
			</p:dataTable>
			<p:commandButton id="effettuaAcquisto" value="Procedi con l'acquisto" action="#{personalizzazioneManagedBean.completaAcquisto()}"/>
		</h:form> 
	</p:panel>
</h:body>
</html>